﻿<head>
	<LINK REL="stylesheet" type="text/css" href="${def:context}/default.css" />
    <link rel="stylesheet" type="text/css" href="${def:context}/addon.css" />
	
	<!--biblioteca generica JS/Dinamica-->
	<script type="text/javascript" src="${def:context}/action/script">
	</script>
	
	<title>拟动迁数据导入</title>
	
</head>

<body>
<div id="tabs">
    <ul id="nav">
    <div id="test" >
        <li onclick="changeLiStyle(this);" id="tabsl">
            <a  
                onmouseover="javascript:window.status='';return true;" 
                onmouseout="javascript:window.status='';return true;" 
                href='#' 
                onclick=''>
                <span id="formTitlePan">拟动迁数据导入</span>
            </a>
        </li>
        
    </div>
    </ul>
    <div id='hline'></div>
</div>
<br>

<center>

<br>
<!--formulario de upload-->
<div id="form">

<form name="form1" onsubmit="return upload()" action="${def:context}${def:actionroot}/insert" 
		method="POST" enctype="multipart/form-data" target="uploadFrame">

<table width="400px" class="grid">

	<!--ancho de la columna de etiquetas-->
	<col width="30%"> 

	<!--titulo-->
	<tr>
		<th colspan="2">
			上传EXCEL文件
		</th>
	</tr>

	<!--separador-->
	<tr height="10px">
		<td colspan="2"></td>
	</tr>

	<!--campos-->
	<tr>
		<td class="th20 required">
			文件名:
		</td>
		<td>
			<input type="file" name="file" size="30">
		</td>
	</tr>

	<!--separador-->
	<tr height="10px">
		<td colspan="2"></td>
	</tr>

	<!--botones-->
	<tr>
		<td align="center" colspan="2">
			<input type="submit" value="提交" class="cmd" name="submit">
		</td>
	</tr>
	
	<!--separador-->
	<tr height="10px">
		<td colspan="2"></td>
	</tr>

</table>	

<br>
</form>

</div>

<!--frame invisible para hacer el post-->
<iframe name="uploadFrame" style="display:none">
</iframe>

<!--panel de respuesta AJAX #3-->
<div id="responseError" style="display:none;width:100%;">
</div>

<br>

<!--indicador de progreso-->
<div id="status" class="alert" style="display:none;color:gray;width:20%;font-weight:bold;font-family:Arial">
	<img src="${def:context}/images/progress.gif"> 请稍候...
</div>


</center>

<script language="javascript">

	//inicializacion de la pagina cuando carga
	onload = function()
	{ 
		document.form1.file.focus();
	} 
		
	//enviar POST del formulario
	function upload()
	{
		if (document.form1.file.value=="") {
			alert("请先选择Excel文件！");
			document.form1.file.focus();
			return false;
		}

		document.form1.submit.disabled = true;
		document.getElementById("status").style.display="";
		return true;		
	}
				
	//funcion de callback del iframe cuando se carga bien el documento
	function uploadOK(total)
	{
		document.getElementById("status").style.display="none";	
		document.form1.file.value="";
		document.form1.submit.disabled = false;
		alert("导入成功 " + total + " 记录.");
		document.form1.file.focus();
		if(window.opener){
			if(window.opener.search){
				window.opener.search();
			}
		}
	}

	//funcion de callback del iframe cuando no carga correctamente el documento
	function uploadError(msg)
	{
		document.getElementById("status").style.display="none";	
		document.form1.submit.disabled = false;
		alert(msg);
	}
	
	//retorna al estado previo que corresponde
	//al estado actual de la pagina, cada llamada Ajax
	//se encarga de definir cual es la funcion de goBack() que aplica
	function goBack() 
	{
		_goBackFn()			
	}
	
	//ejecutar consulta de errores del archivo Excel
	function uploadErrorGrid(msg)
	{
		//esconder el DIV de progreso para mostrar el alert del error
		document.getElementById("status").style.display="none";	
		alert(msg);
			
		//esconder filtro de busqueda
		document.getElementById("form").style.display="none";
			
		//llamada Ajax...
		ajaxCall(httpMethod="GET", 
						uri="${def:actionroot}/errorgrid", 
						divResponse="responseError", 
						divProgress="status", 
						formName=null, 
						afterResponseFn=null, 
						onErrorFn=null);
	}
	
	function againImport(){
		document.getElementById("form").style.display="";
		document.getElementById("responseError").style.display="none";
		document.form1.file.value="";
		document.form1.submit.disabled = false;
	}
</script>

</body>
</html>
